import { BrowserRouter } from 'react-router-dom';

import { About, Contact, Experience, Feedbacks, Hero, Navbar, Tech, Works, StarsCanvas,Bottom} from './components'
const App = () => {

  return (
      <BrowserRouter>
          <div className="relative z-0 bg-primary">
              <div className="bg-hero-pattern bg-cover bg-no-repeat bg-center">
                  <Navbar/>

                  <Hero/>
                  <Bottom/>
              </div>
              <About/>
              <Experience/>
              <Tech/>
              <Works />
              <Feedbacks />
              <div className="relative z-0">
                  <Contact />
                  <StarsCanvas />
              </div>
          </div>
      </BrowserRouter>




  )
}

export default App
